<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<!--meta http-equiv="cache-control" CONTENT="no-cache"-->
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta content="IE=Edge,chrome=1" http-equiv="X-UA-Compatible">
	    <meta name="description" content="Shopping UX Team Website">
	    <meta name="author" content="Shopping UX Team">
	    <meta name="developer" content="Ella Musina (emusina@google.com)">
	    <title>Shopping UX: Product/Project Page</title>
     	<link rel="icon" href="favicon.ico" type="image/x-icon">
     	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<link href="../dist/subpage.min.css" rel="stylesheet" type="text/css" media="screen">
	</head>
	<body class="subpage" id="subpage">
		<div id="loader" class="loader">
			<div class="content">
				<article><img src="../img/general/loader.gif" width="50" height="53" alt="Loading"></article>	
			</div>
		</div>
		
		<!------------------------ Start Website Menu ---------------------->
		<div id="menuBg" class="menuBg"><div class="graybar"></div></div>
		<nav id="menu" class="navbar navbar-default" role="navigation">
		  <div class="container">		    
		    <div class="navbar-header">
		      <!--<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>-->
		      <a class="navbar-brand" href="../index.html#hero"><span class="logo"></span> <span id="teamname">Shopping UX</span></a>
		    </div>
		
		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">		            
		      <ul class="nav navbar-nav navbar-right" id="nav">
		      	<li><a href="../index.html#hero">Home</a></li>
		        <li><a href="../index.html#projects">Projects</a></li>
		        <li><a href="../index.html#principles">Design Principles</a></li>
		        <li><a href="../index.html#resources">Resources</a></li>
		        <li><a href="../index.html#research">Research</a></li>
		        <li><a href="../index.html#team">Team</a></li>
		      </ul>
		    </div>
		  </div>		  
		</nav>
		<!------------------------ End Website Menu ---------------------->
		
		<!--------------------- Start Subpage Content -------------------->
		<div class="subpage-main" id="subpage-main">			
			<header class="blue">
				<div class="container">					
					<div class="subnav">
						<a href="../index.html#projects"><h2 id="subpage-title"><!-- load data from DRIVE --></h2></a>
					</div>
				</div>
			</header>
			
			<div class="subpage-folder" id="subpage-folder">
				<div class="container">
					<div class="row">
						<div class="col-md-4">							
							<div class="subpage-menu" id="subpage-menu">
								<!-- load data from DRIVE -->								
							</div>
						</div>
						<div class="col-md-8 border-left">
							<div id="subpage-content" class="subpage-content">
								<div id="document" class="document">
									<!-- load data from DRIVE -->
								</div>
							</div>
						</div>
					</div>	
				</div>
			</div>
		</div>
		<!----------------------- End Subpage Content -------------------->
		
		<!--------------------------- Start Footer ----------------------->
		<footer>
			<div class="container">
				shopping-ux@google.com
			</div>
		</footer>
		<!---------------------------- End Footer ------------------------>
		
		<script type="text/javascript" src="../dist/product.min.js"></script>
		
	</body>
</html>